<template>
    <lay-card class="conn">
        <el-table :data="tableData" border height="calc(100vh - 100px)">
            <el-table-column prop="date" label="Date" width="180"/>
            <el-table-column prop="name" label="Name" width="180"/>
            <el-table-column prop="date" label="date" width="180"/>
            <el-table-column prop="city" label="city" width="180"/>
            <el-table-column prop="address" label="Address"/>
        </el-table>
    </lay-card>
</template>
<script>
import Mock from 'mockjs'
export default {
    data() {
        return {
            tableData: [],
        }
    },
    mounted() {
        let Data = Mock.mock({
            "tableData|100": [{
                'name': '@cname',
                'id|+1': 1,
                'state|10-60': 0,
                'age|10-60': 0,    //10-60以内的随机数，0用来确定类型
                'date': '@date("yyyy-MM-dd")',    //年月日
                'zip': '@city(true)',
                'address': '@city(true)',    //中国城市
                'city': '@city(true)'    //中国城市
            }]
        })
        this.tableData = Data.tableData;
    }
}
</script>
<style lang="scss" scoped>
.conn {
    height: 100%;
}
</style>
